<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prime Resort  |  Package </title>
<meta name="description" content="Description Comes here" />
<meta name="keywords" content="Place Keywords here" />
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/960_24_col.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.9.1.custom.css"/>	

</head>
<body>
<div id="header">
	<div class="container_24">
    	<div class="grid_24">
            <div class="grid_12 omega" id="logo">
            <a href="#"><span>Prime Resort</span></a>
            </div><!--/.grid_12-->
            
           
        </div><!--/.grid_24-->
        <div id="primary-nav" class="grid_24">
        	<ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Rooms</a></li>
                <li><a href="#">Packages</a></li>
                <li><a href="#">Membership</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Register</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">FAQ</a></li>
        	</ul>
        </div><!--/#primary-nav-->
        </div><!--/.container_24-->
</div><!--/#header-->

<div id="main" class="container_24">
	<div id="contents" class="grid_17">
   <div class="resort-list">

                <div class="package-booking"><!-- Room Type name will come here, and link will send to room type details page where full details will be available-->
                	<h3>Package Name 1</h3>
                    <label> Price : 50000 Rs </label>
                	<div class="clearfix"></div>
                </div><!--/.resort-heading-->
                
                <div class="resort-details">
                
                	<p>
                    	<h4 class="room-type">Delux Rooms : 4</h4>
                        <h4 class="room-type">Delux Rooms : 4</h4>
                        <h4 class="room-type">Delux Rooms : 4</h4>
                       <h4 class="room-type">Size : 4 Persons</h4>
                        <h4 class="room-type">Duration : 4 Days</h4>
                        
                    </p>
                  <p>
                  		<form>
                        	<label>Select Arrival Date : </label><input readonly="readonly" type="date" id="date-picker" name="" /><input type="submit" value="Book Now" class="margin-left-10" />
                        </form>
                  </p>
                  
                   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In gravida, dolor eu imperdiet commodo, nisl lacus faucibus libero, nec luctus diam turpis ac augue. Phasellus vitae sollicitudin felis. <a href="#" class="more-link">View More</a></p>
                   
                   
                  
                  
                </div>
                
                
                <div class="clearfix"></div>
           
           
       
       </div><!--/.resort-list-->
    </div><!--/.contents-->
     <div id="sidebar" class="grid_7">
     	
        <div class="sidebar">
        	<h2>Packages</h2>
            
        </div><!--/.sidebar-->
        
         <div class="sidebar">
        	<h2>Memberships</h2>
            
        </div><!--/.sidebar-->
        
         <div class="sidebar">
        	<h2>Upcoming Events</h2>
            
        </div><!--/.sidebar-->
        
        
     </div><!--/#sidebar-->
</div> <!--/#main-->
<div class="clearfix"></div>
<div id="footer" class="container_24">
	<div id="footer-nav" class="grid_24">
    	<ul>
        	<li><a href="#">Home</a></li>
                <li><a href="#">Rooms</a></li>
                <li><a href="#">Packages</a></li>
                <li><a href="#">Membership</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Register</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">FAQ</a></li>
        </ul>
    </div><!--/#footer-nav-->
    <div class="grid_14">
    	<p>Copyright © Prime Resort. All Rights Reserved.</p>
        <p>Website best viewed in Firefox 3+, IE 7+, Chrome, Opera</p>
    </div>
    <div class="grid_10 ">
    	
        
    </div>
</div><!--/#footer-->
<script src="js/jquery-1.8.1.min.js"></script>
<script src="js/jquery-ui-1.8.20.custom.min.js"></script><!-- including jquery UI Datepicker js-->
<script type="text/javascript">
			
			 $(document).ready(function() { 
			 
                $('#date-picker').datepicker({ //call the datepicker on date input
                
                dateFormat: "yy-mm-dd",
                changeMonth: true,
				changeYear: true,
				minDate: 'new Date()' +1,
				maxDate: '+90d'
				});
				 
            });
</script>		
</body>
</html>
